let path = require('path')

let HtmlWebpackPlugins = require('html-webpack-plugin')

module.exports = {
    mode:'production',// development  production
    entry:'./src/index.js',
    output:{
        filename:'index.js',
        path:path.resolve(__dirname,'dist')
    },
    plugins:[
        new HtmlWebpackPlugins({
            template:'./src/index.html',
            filename:'index.html'
        })
    ],
    // devtool:'source-map',// 增加映射文件，调试源代码  出错调试工具
    // 不会产生单独的文件 显示行和列
    // devtool:'eval-source-map',
    // 不会产生列，但是是一个单独的映射文件
    // devtool:'cheap-module-source-map',
    // 不会产生文件  集成在文件中
    // devtool:'cheap-module-eval-source-map',
    module:{
        rules:[
            {
                test:/\.js$/,
                use:{
                    loader:'babel-loader',
                    options:{
                        presets:['@babel/preset-env']
                    }
                }
            }
        ]
    }
}
